<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link href="../../public/themes/redpenny-master/stylesheets/application.css"  rel="stylesheet" type="text/css"/>
		<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
		<style>
			.fl{float: left;}.fr{float: right;}
			.ml5{margin-left: 5px!important;}.ml10{margin-left: 10px!important;;}.ml20{margin-left: 20px!important;}.ml30{margin-left: 30px;}.ml40{margin-left: 40px;}
			.mr5{margin-right: 5px!important;;}.mr10{margin-right: 10px!important;;}.mr20{margin-right: 20px!important;}.mr30{margin-right: 30px;}.mr40{margin-right: 40px;}
			.mt5{margin-top: 5px!important;;}.mt10{margin-top: 10px!important;;}.mt20{margin-top: 20px!important;}.mt30{margin-top: 30px;}.mt40{margin-top: 40px;}
			.mb5{margin-bottom: 5px!important;;}.mb10{margin-bottom: 10px!important;;}.mb20{margin-bottom: 20px!important;}.mb30{margin-bottom: 30px;}.mb40{margin-bottom: 40px;}
			.color-white{color: #FFFFFF;}
			.color-blue{color: #15bccf;}
			.font-12{font-size: 12px;}.font-14{font-size: 14px;}.font-16{font-size: 16px;}.font-18{font-size: 18px;}.font-20{font-size: 20px;}.font-26{font-size: 26px;}
			.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
			.clearfix{clear:both;zoom:1}
			
			.main{width: 940px;height: auto;margin: 0px auto;}
			.list_content_all p,.list_content_all ul,.list_content_all ul li,.list_content_all span{margin: 0px;padding: 0px;}
			.navigation {color: #666;border: 2px solid #d7d6d6;}
			.tap{width: 846px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;margin-left: 70px;}
			.list_tab_nav{padding: 0px;margin: 0px;margin-top: 15px;position: absolute;width: 100%;z-index: 4;}
			.list_tab_nav li{float:left;margin-right: 10px;border: 1px solid #d7d6d6;padding: 16px 15px;font-size: 16px;cursor: pointer;color: #8e8e8e;}
			.list_tab_nav li.active{border-bottom: none;background: #FBFBFB;padding: 16px 15px 17px 15px;color: #484848;}
			.list_content{position: absolute;width: 100%;background: #FFFFFF;border: 1px solid #d7d6d6;min-height: 400px;z-index:3;top: 69px;}
			.list_con_info{width: 100%;background:#FBFBFB ;height: 60px;padding: 0px 15px;line-height: 30px;box-sizing: border-box;}
			.search_list_box{border: 1px solid #d7d6d6;border-radius: 4px;width: 260px;height: 36px;margin-top: 12px;}
			.search_list_box input{width: 220px;height: 32px;margin-top: 2px;padding: 0px;border:none;margin-left: 5px;outline: none;float: left;background: #FBFBFB;}
			.search-icon{float: right;width: 30px;}
			.list_item{padding: 10px 10px 10px 15px;display: flex;}
			.item_detail{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;flex: 1;margin-top: 5px!important;font-size: 14px;}
			.item_name{width: 100px;display: block;float: left;font-weight: bold;font-size: 14px;}
			.item_norm span{margin-right: 20px;font-size: 14px;}
			.item_right{flex: 1;padding: 15px 10px;min-width: 80px;text-align: center;}
			
			
			.array_list{position: relative;}
			.line-word{width: atuo;position: absolute;z-index: 5;text-align: center;background: #FFFFFF;}
			.line_break{width: 100%;position: absolute;z-index: 4;height: 4px;top: 15px;}
		</style>
	</head>
	<body>
		<div>
			<div id="top-menu" style="background-color: #269AC9;height:40px;margin-top: 10px;margin-bottom: 10px;border-radius: 5px;">
			  <div class="welcome_logo">
			    <a href="/"><img alt="Logo" src="../../public/images/logo.png?1504509594" weight="36px" height="36px"></a>
			  </div>
			</div>
			<div class="main">
				<div class="navigation">
					<div style="padding:15px 10px;" class="clearfix">
						<div class="clearfix">
							<img src="../../public/images/logo.png?1504509594" class="fl" width="60px" />
							<span class="fl ml10 font-26 mt10 color-blue">Apache Drill</span>
							<span class="fr ml40 mr20 font-16 mt20">项目来源：<span class="color-blue">apache  oschina</span></span>
							<span class="fr ml20 font-16 mt20">项目数：1,384</span>
						</div>
						<div class="clearfix mt20">
							<span class="color-blue fl mb10 font-14">关联标签:&nbsp;&nbsp;</span>
							<div class="tap mb10">MySQL(478),MySQL(478),MySQL(478),MySQL(478),MySQL(478),MySQL(478),MySQL(478),MySQL(478),MySQL(478),MySQL(478),MySQL(478),MySQL(478)</div>
							<div class="tap">MySQL(478)</div>
						</div>
					</div>
				</div>
				<div style="position: relative;">
					<ul class="list_tab_nav clearfix">
						<li class="active">All</li>
						<li>Active</li>
						<li>Entered</li>
						<li>Entered</li>
					</ul>	
					<div class="list_content">
						<div class="list_con_info">
							<p class="fl font-14">一共16条记录</p>
							<div class="fr search_list_box">
								<input type="text" placeholder="输入关键字搜索" />
								<div class="search-icon"></div><!--放置搜索icon-->
							</div>
						</div>
						<div class="list_content_all">
							<div class="list_item clearfix mb20">
								<img src="../../public/images/logo.png?1504509594" width="80px" height="80px" class="fl mr20"/>
								<div class="fl">
									<p class="font-14" style="font-weight: bold;">Passenger Screening Algorithm Challenge</p>
									<p class="item_detail mb5">Improve the accuracy of the Department of Homeland Security's threat,Improve the accuracy of the Department of Homeland Security's threat recognition algorithmsImprove the accuracy of the Department of Homeland Security's threat recognition algorithms</p>
									<p class="item_norm mt10"><span class="item_name">总体评估指标</span><span>社区活跃度：0.65</span><span>项目活跃度：0.54</span><span>项目成熟度：0.66</span><span>人员健康度：0.66</span></p>
									<p class="item_norm mt5"><span class="item_name">社区活跃度指标</span><span>人员持续贡献率：0.65</span><span>新增人员率：0.54</span></p>
								</div>
								<div class="fl item_right clearfix">
									<p class="mt20 fl"><span class="font-16">总体分值</span><br/><span class="font-12">1500,12</span></p>
									<p class="mt20 fl"><img src=""/></p><!--上升下降icon-->
								</div>
							</div>
							<div class="list_item clearfix mb20">
								<img src="../../public/images/logo.png?1504509594" width="80px" height="80px" class="fl mr20"/>
								<div class="fl">
									<p class="font-14" style="font-weight: bold;">Passenger Screening Algorithm Challenge</p>
									<p class="item_detail mb5">Improve the accuracy of the Department of Homeland Security's threat recognition algorithmsImprove the accuracy of the Department of Homeland Security's threat recognition algorithms</p>
									<p class="item_norm mt10"><span class="item_name">总体评估指标</span><span>社区活跃度：0.65</span><span>项目活跃度：0.54</span><span>项目成熟度：0.66</span><span>人员健康度：0.66</span></p>
									<p class="item_norm mt5"><span class="item_name">社区活跃度指标</span><span>人员持续贡献率：0.65</span><span>新增人员率：0.54</span></p>
								</div>
								<div class="fl item_right">
									<p class="mt20"><span class="font-16">总体分值</span><br/><span class="font-12">1500,12</span></p>
									<p class="mt20 fl"><img src=""/></p><!--上升下降icon-->
								</div>
							</div>
							<div class="list_item clearfix mb20">
								<img src="../../public/images/logo.png?1504509594" width="80px" height="80px" class="fl mr20"/>
								<div class="fl">
									<p class="font-14" style="font-weight: bold;">Passenger Screening Algorithm Challenge</p>
									<p class="item_detail mb5">Improve the accuracy of the Department of Homeland Security's threat recognition algorithmsImprove the accuracy of the Department of Homeland Security's threat recognition algorithms</p>
									<p class="item_norm mt10"><span class="item_name">总体评估指标</span><span>社区活跃度：0.65</span><span>项目活跃度：0.54</span><span>项目成熟度：0.66</span><span>人员健康度：0.66</span></p>
									<p class="item_norm mt5"><span class="item_name">社区活跃度指标</span><span>人员持续贡献率：0.65</span><span>新增人员率：0.54</span></p>
								</div>
								<div class="fl item_right">
									<p class="mt20"><span class="font-16">总体分值</span><br/><span class="font-12">1500,12</span></p>
									<p class="mt20 fl"><img src=""/></p><!--上升下降icon-->
								</div>
							</div>
							<div class="list_item clearfix mb20">
								<img src="../../public/images/logo.png?1504509594" width="80px" height="80px" class="fl mr20"/>
								<div class="fl">
									<p class="font-14" style="font-weight: bold;">Passenger Screening Algorithm Challenge</p>
									<p class="item_detail mb5">Improve the accuracy of the Department of Homeland Security's threat recognition algorithmsImprove the accuracy of the Department of Homeland Security's threat recognition algorithms</p>
									<p class="item_norm mt10"><span class="item_name">总体评估指标</span><span>社区活跃度：0.65</span><span>项目活跃度：0.54</span><span>项目成熟度：0.66</span><span>人员健康度：0.66</span></p>
									<p class="item_norm mt5"><span class="item_name">社区活跃度指标</span><span>人员持续贡献率：0.65</span><span>新增人员率：0.54</span></p>
								</div>
								<div class="fl item_right">
									<p class="mt20"><span class="font-16">总体分值</span><br/><span class="font-12">1500,12</span></p>
									<p class="mt20 fl"><img src=""/></p><!--上升下降icon-->
								</div>
							</div>
							<div class="list_item clearfix mb20">
								<img src="../../public/images/logo.png?1504509594" width="80px" height="80px" class="fl mr20"/>
								<div class="fl">
									<p class="font-14" style="font-weight: bold;">Passenger Screening Algorithm Challenge</p>
									<p class="item_detail mb5">Improve the accuracy of the Department of Homeland Security's threat recognition algorithmsImprove the accuracy of the Department of Homeland Security's threat recognition algorithms</p>
									<p class="item_norm mt10"><span class="item_name">总体评估指标</span><span>社区活跃度：0.65</span><span>项目活跃度：0.54</span><span>项目成熟度：0.66</span><span>人员健康度：0.66</span></p>
									<p class="item_norm mt5"><span class="item_name">社区活跃度指标</span><span>人员持续贡献率：0.65</span><span>新增人员率：0.54</span></p>
								</div>
								<div class="fl item_right">
									<p class="mt20"><span class="font-16">总体分值</span><br/><span class="font-12">1500,12</span></p>
									<p class="mt20 fl"><img src=""/></p><!--上升下降icon-->
								</div>
							</div>
							<div class="list_item clearfix mb20">
								<img src="../../public/images/logo.png?1504509594" width="80px" height="80px" class="fl mr20"/>
								<div class="fl">
									<p class="font-14" style="font-weight: bold;">Passenger Screening Algorithm Challenge</p>
									<p class="item_detail mb5">Improve the accuracy of the Department of Homeland Security's threat recognition algorithmsImprove the accuracy of the Department of Homeland Security's threat recognition algorithms</p>
									<p class="item_norm mt10"><span class="item_name">总体评估指标</span><span>社区活跃度：0.65</span><span>项目活跃度：0.54</span><span>项目成熟度：0.66</span><span>人员健康度：0.66</span></p>
									<p class="item_norm mt5"><span class="item_name">社区活跃度指标</span><span>人员持续贡献率：0.65</span><span>新增人员率：0.54</span></p>
								</div>
								<div class="fl item_right">
									<p class="mt20"><span class="font-16">总体分值</span><br/><span class="font-12">1500,12</span></p>
									<p class="mt20 fl"><img src=""/></p><!--上升下降icon-->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>	
		<script>
			$(function(){
				$(".list_tab_nav li").click(function(){
					$(".list_tab_nav li").removeClass("active");
					$(this).addClass("active");
				})
			})
		</script>
	</body>
</html>

